<template>
  <j-select-biz-component
    :width="1000"
    :name="name"
    :inputs="inputs"
    :searchIcon='searchIcon'
    :queryParams='queryParams'
    :selectButtonText="selectButtonText"
    v-bind="configs"
    v-on="$listeners"/>
</template>

<script>
import JSelectBizComponent from './JSelectBizComponent'
export default {
  name: 'JSelectActiveColumn',
  components: { JSelectBizComponent },
  props: {
    value: {
      type: String,
      default: ''
    },
    queryParams:{
      type:Object,
      default: ()=>{}
    },
    name: {
      type: String,
      default: '示例'
    },
    selectButtonText:{
      type: String,
      default: '选择'
    },
    inputs:{
      type: Boolean,
      default: true
    },
    searchIcon:{
      type: String,
      default: 'search'
    },
  },
  data() {
    return {
      settings: {
        displayKey: 'exampleCode',
        returnKeys: ['id','exampleCode'],
        listUrl: window._CONFIG['domianTpmURL']+ "/act/example/otherPageList" ,
        queryParamCode: 'exampleName',
        queryParamText: '示例名称',
        ellipsisLength:-1,
        columns: [
          { title: '示例名称', field: 'exampleName', align: 'center', width: 120 },
          { title: '示例编码', field: 'exampleCode', align: 'center', width: 120 }
        ]
      },
    }
  },
  computed: {
    configs() {
      return Object.assign({ value: this.value }, this.settings, this.$attrs)
    }
  }

}
</script>

<style lang="less" scoped></style>
